<template>
  <div id="app">
    <div style="width:800px;height:100px">
      <router-link to="/" style="display:inline-block;width:150px;line-height:50px;text-align:center;font-size: 40px;">
        one</router-link>
      <router-link to="/two"
        style="display:inline-block;width:150px;line-height:50px;text-align:center;font-size: 40px;">two</router-link>
      <router-link to="/three"
        style="display:inline-block;width:150px;line-height:50px;text-align:center;font-size: 40px;">three
      </router-link>
      <router-link to="/four"
        style="display:inline-block;width:150px;line-height:50px;text-align:center;font-size: 40px;">four
      </router-link>
      <router-link to="/five"
        style="display:inline-block;width:150px;line-height:50px;text-align:center;font-size: 40px;">five
      </router-link>
    </div>
    <br>
    <router-view />
  </div>
</template>

<style lang="scss">
.aa {}
</style>
